body #app .roleManage .createButton {
  float: left;
  background: #f7931e;
  border-color: #f7931e;
  color: #ffffff;
}
body #app .roleManage .roleNav .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid #f7931e;
  border-right: 0;
}
body #app .roleManage .roleNav .searchButton .el-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: #f7931e;
  color: #ffffff;
  border: 1px solid #f7931e;
}
body #app .roleManage .roleTable .el-table__body-wrapper {
  overflow-y: hidden;
}
body #app .roleManage .el-table th {
  background: #ebfcfc;
}
body #app .roleManage .el-table th .cell {
  background: #ebfcfc;
  font-size: 0.875rem;
  color: #222222;
  text-align: left;
}
body #app .roleManage .el-table tbody {
  font-size: 0.875rem;
}
body #app .roleManage .el-table tbody td {
  height: 3.125rem;
}
body #app .roleManage .el-table tbody .cell {
  text-align: left;
}
body #app .roleManage .el-table tbody .cell span {
  font-size: 0.875rem;
  color: #63c5ce;
  margin-right: 0.625rem;
}
body #app .roleManage .el-table tbody .cell span:active {
  color: #4d9999;
}
body #app .roleManage .el-table tbody .cell .el-dialog__header span {
  color: #222222;
  font-weight: normal;
  font-size: 1rem;
}
body #app .roleManage .el-table tbody .cell .el-input.is-disabled .el-input__inner,
body #app .roleManage .el-table tbody .cell .el-textarea.is-disabled .el-textarea__inner {
  background: #ffffff;
}
body #app .roleManage .el-table tbody .cell .el-radio__label {
  font-size: 1rem;
  color: #222222;
}
body #app .roleManage .el-table tbody .cell .el-button + .el-button {
  margin-left: 0;
}
body #app .roleManage .el-table tbody .cell .delete span {
  color: #e84357;
}
body #app .roleManage .el-table tbody .cell .delete span:active {
  color: #cc3a56;
}
body #app .roleManage .el-dialog--small {
  width: 576px;
  border-radius: 10px;
}
body #app .roleManage .el-dialog--small .dialog-footer {
  text-align: center;
}
body #app .roleManage .el-dialog--small .dialog-footer .el-button + .el-button {
  margin-left: 50px !important;
}
body #app .roleManage .el-dialog--small .dialog-footer .cancelBtn {
  width: 140px;
}
body #app .roleManage .el-dialog--small .dialog-footer .cancelBtn span {
  color: #222222;
}
body #app .roleManage .el-dialog--small .dialog-footer .cancelBtn:hover {
  border: 1px solid #63c5ce;
}
body #app .roleManage .el-dialog--small .dialog-footer .cancelBtn:hover span {
  color: #63c5ce;
}
body #app .roleManage .el-dialog--small .dialog-footer .commonBtn {
  width: 140px;
  background: #63c5ce;
  border: 1px solid #63c5ce;
}
body #app .roleManage .el-dialog--small .dialog-footer .commonBtn span {
  color: #ffffff;
}
body #app .roleManage .el-dialog--small .el-form-item__error {
  margin-left: 50px;
}
body #app .roleManage .el-dialog__header {
  padding: 20px 20px 15px 20px;
  background-color: #F6F6F6;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-align: left;
  line-height: 100%;
}
body #app .roleManage .dialog-form {
  margin-left: 50px;
}
body #app .roleManage .el-form-item.is-required .el-form-item__label:before {
  content: '';
  color: #ff4949;
  margin-right: 4px;
}
body #app .roleManage .cell .distributeDia .submit {
  width: 100px;
  margin-top: 14px;
  margin-left: 220px;
  text-align: center;
  background: #63c5ce;
}
body #app .roleManage .cell .distributeDia .submit span {
  color: #ffffff;
}
body #app .roleManage .el-radio-group {
  width: 400px;
  text-align: left;
}
body #app .roleManage .el-tree--highlight-current {
  height: 300px;
  overflow: auto;
}
body #app .roleManage .block {
  float: right;
  margin-top: 1.2rem;
}
body #app .roleManage .el-pager .active {
  background: #63c5ce;
}
